<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="user-scalable=no,initial-scale=1">
    <title>City Clinic</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body tabindex="1">
    <div class="wrapper">
        <header>
            <section class="top">
                <div class="layout">
                    <h1 class="logo">
                        <a href="#">City Clinic</a>
                    </h1>
                    <div class="short_cuts">
                        <ul class="location">
                            <li>
                                <a href="#">
                                    <i class="icon_pin"></i>
                                    <span>Сity Сlinic Варна</span>
                                </a>
                            </li>
                        </ul>
                        <ul class="language_selector">
                            <li>
                                <a class="active" href="#">Bg</a>
                            </li>
                            <li>
                                <a href="#">En</a>
                            </li>
                            <li>
                                <a href="#">Ru</a>
                            </li>
                        </ul>
                        <ul class="socials">
                            <li>
                                <a class="icon_yt" href="#">YouTube</a>
                            </li>
                            <li>
                                <a class="icon_fb" href="#">Facebook</a>
                            </li>
                        </ul>
                        <form class="search_box" id="search">
                            <a href="#search"><i class="icon_search"></i></a>
                            <button><i class="icon_search"></i></button>
                            <input type="search" />
                        </form>
                    </div>
                </div>
            </section>
            <section class="bottom">
                <nav id="menu">
                    <div class="menu_button_holder">
                        <a href="#menu" class="menu_button">
                            <i class="icon_menu"></i>
                        </a>
                    </div>
                    <ul class="level_0">
                        <li>
                            <a href="/">
                                <span>Начало</span>
                            </a>
                        </li>
                        <li class="has_child">
                            <a href="/" class="active">
                                <span>За нас</span>
                            </a>
                            <ul class="level_1">
                                <li>
                                    <a href="/"><span>Мисия, визия и цели</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Управление</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>История</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Структура</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Кариери</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>За специалисти</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Новини</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Обучения и събития</span></a>
                                </li>
                                <li>
                                    <a href="/"><span>Партньори</span></a>
                                </li>
                                <li class="has_child">
                                    <a href="/"><span>Галерия</span></a>
                                    <div class="level_2">
                                        <ul>
                                            <li>
                                                <a href="/"><span>Снимки</span></a>
                                            </li>
                                            <li>
                                                <a href="/"><span>Нашите пациенти</span></a>
                                            </li>
                                            <li>
                                                <a href="/"><span>Видео тур</span></a>
                                            </li>
                                            <li>
                                                <a href="/"><span>Видео тур 2</span></a>
                                            </li>
                                            <li>
                                                <a href="/"><span>Видео тур 3</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="/">
                                <small>Дкц</small>
                                <span>Диагностично-консултативен център</span>
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                <span>Отделения</span>
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                <span>Лекари</span>
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                <span>Заболявания и лечения</span>
                            </a>
                        </li>
                        <li>
                            <a href="/">
                                <span>Информация за пациента</span>
                            </a>
                        </li>
                    </ul>
                </nav>
                <div class="short_cuts">
                    <ul class="tabs">
                        <li data-tab="location">
                            <a href="#shortcut_location" class="icon_pin_blue"></a>
                        </li>
                        <li data-tab="phone">
                            <a href="#shortcut_phone" class="icon_phone"></a>
                        </li>
                        <li data-tab="search">
                            <a href="#shortcut_search" class="icon_search"></a>
                        </li>

                        <li data-tab="lang">
                            <a href="#shortcut_lang" class="icon_lang active">bg</a>
                        </li>
                    </ul>
                    <ul class="tab_content">
                        <li id="shortcut_location">
                            <a href="#">
                                <i class="icon_pin_blue"></i>
                                <span>Към City Clinic Варна</span>
                            </a>
                        </li>
                        <li id="shortcut_phone">
                            <ul>
                                <li>
                                    <a href="tel:070013127">
                                        <i class="icon_phone_red"></i>
                                        <span>070013127</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="tel:070013112">
                                        <i class="icon_plus_red"></i>
                                        <span>070013112</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li id="shortcut_search">
                            <form class="search_box">
                                <button><i class="icon_search"></i></button>
                                <input type="search" />
                            </form>
                        </li>
                        <li id="shortcut_lang">
                            <ul>
                                <li>
                                    <a href="#" class="icon_lang">en</a>
                                </li>
                                <li>
                                    <a href="#" class="icon_lang">ru</a>
                                </li>
                                <li>
                                    <a href="#" class="icon_lang active">bg</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </section>
        </header>
        <section class="content">
            <div class="layout">
                <section>
                    <div class="partners">
                        <h1>партньори</h1>
                        <ul class="partners_list">
                            <li>
                                <div class="partner_logo"></div>
                                <a href="#" class="panel">
                                    <div class="panel_content">
                                        <h2>Име на партньор</h2>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <div class="partner_logo"></div>
                                <a href="#" class="panel">
                                    <div class="panel_content">
                                        <h2>Име на партньор</h2>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation </p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <div class="partner_logo"></div>
                                <a href="#" class="panel">
                                    <div class="panel_content">
                                        <h2>Име на партньор</h2>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation </p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <ul class="breadcrumb">
                        <li>
                            <a href="#">Начало</a>
                        </li>
                        <li>
                            <a href="#">За нас</a>
                        </li>
                        <li>
                            <a href="#">Партньори</a>
                        </li>
                    </ul>
                </section>
            </div>
        </section>
        <footer>
            <div class="layout">
                <ul class="nav">
                    <li>
                        <a href="/">Новини</a>
                    </li>
                    <li>
                        <a href="/">Галерия</a>
                    </li>
                    <li>
                        <a href="/">Калкулатори</a>
                    </li>
                    <li>
                        <a href="/">Контакти</a>
                    </li>
                    <li>
                        <a href="/">За специалисти</a>
                    </li>
                </ul>
                <div class="left_side">
                    Copyright © 2013 City Clinic
                </div>
                <div class="right_side">
                    <a href="#" class="logo_mag"></a>
                </div>
                <ul class="socials">
                    <li>
                        <a class="icon_yt" href="#"></a>
                    </li>
                    <li>
                        <a class="icon_fb" href="#"></a>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/enquire.min.js"></script>
    <script src="js/init.js"></script>
    <svg style="display: none;" xmlns="http://www.w3.org/2000/svg" version="1.1">
        <defs>
            <filter id="saturate">
                <feColorMatrix type="saturate" values="0"></feColorMatrix>
            </filter>
        </defs>
    </svg>
</body>
</html>